<template>
  <div class="main">
    <div class="tag-nav-wrapper">
      <router-link :to="{name: 'databook_page'}" class="top-btn">
        <Button type="success" ghost>数据本</Button>
      </router-link>
      <router-link :to="{name: 'webview_page'}" class="top-btn">
        <Button type="success" ghost>浏览器</Button>
      </router-link>
      <Button type="success" ghost class="top-btn">自媒体</Button>
      <Button type="success" ghost class="top-btn">数据标注</Button>
      <router-link :to="{name: 'webspider_page'}" class="top-btn">
        <Button type="success" ghost class="top-btn">智能爬虫</Button>
      </router-link>
      <router-link :to="{name: 'sitdown'}" class="top-btn">
        <Button type="success" ghost class="top-btn">工具箱</Button>
      </router-link>
    </div>
    <div class="content-wrapper">
      <keep-alive>
        <router-view/>
      </keep-alive>
    </div>
  </div>
</template>
<script>
import './main.less'
export default {
  name: 'Main',
  components: {
  },
  data () {
    return {
    }
  },
  computed: {
  },
  methods: {
  },
  watch: {
  },
  mounted () {
  }
}
</script>
